<?php
require_once('Work/Work_login.php');
?>
<!DOCTYPE HTML>
<html>
<head>
<title>Class Plus [+]</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- The 1140px Grid -->
<link rel="stylesheet" href="css/1140.css" type="text/css" media="screen" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
<![endif]-->
<!-- Type and image presets - NOT ESSENTIAL -->
<link rel="stylesheet" href="css/typeimg.css" type="text/css" media="screen" />
<!-- Make minor type adjustments for 1024 monitors -->
<link rel="stylesheet" href="css/smallerscreen.css" media="only screen and (max-width: 1023px)" />
<!-- Resets grid for mobile -->
<link rel="stylesheet" href="css/mobile.css" media="handheld, only screen and (max-width: 767px)" />
<!-- Put your layout here -->
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="Xtras/CSS/Xtras_Styles.css" rel="stylesheet" type="text/css"/>
<link href="Xtras/CSS/CP.css" rel="stylesheet" type="text/css"/>
<link href="Xtras/CSS/buttons.css" rel="stylesheet" type="text/css"/>
<link href="Xtras/CSS/popdowns.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script src="Xtras/JS/popdowns.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
    
         // Initially, hide them all
         hideAllMessages();
        
         
         if (<?php echo $login;?> == "True")
            showMessage(myMessages[3]);
         else if (<?php echo $login;?> == "False")
            showMessage(myMessages[1]);
        
         // When message is clicked, hide it
         $('.message').click(function(){
              $(this).animate({top: -$(this).outerHeight()}, 500);
         });            
    
    });

	function send(){
		document.getObjectById('form1').submit();
	}
</script>
</head>
<body>
<?php
 /*
	$test = new Table($s["jake"], "SELECT * FROM movies", "jake");
	$test->setPaging(True);
	$test->setHiddenColumns(array("movieid"));
	$test->draw()
 */
?>

<div class="error message">
    <h3>Login Failed</h3>
    <p>Your attempts to login to the system were futile!</p>
</div>

<div class="success message">
    <h3>Congrats, you did it!</h3>
    <p>You've successfully entered your login credentials, redirecting soon...</p>
</div>
<div class="container bg">
    <div class="row head">
        <div class="twelvecol last">
			Class Plus <img src="Xtras/Images/logo.jpg"/>
        </div>
    </div>
    <form id="form1" name="form1" method="post"><input type="hidden" id="login" name="login" value="True"/>
    <div class="row">
    	<div class="twelvecol last"><br/>username: <input id="username" name="username" type="text"><br/></div>
    </div>
    <div class="row">
    	<div class="twelvecol last">password: <input id="password" name="password" type="password"></div>
    </div>
    <div class="row">
    	<div class="twelvecol last"><a href="javascript:send();" class="button next" style="font-size: .5em;">login</a></div>
    </div>
    </form>
</div>
<div class="footer">
	Class Plus [+] Copyright 2011 Jake Lake
</div>
</body>
</html>